// $().ready(function () {
//     $('#login').validate({
//         onsubmit: true, // 是否在提交是验证
//         onfocusout: false, // 是否在获取焦点时验证
//         onkeyup: false, // 是否在敲击键盘时验证
//         // 验证规则
//         rules: {
//             name: {
//                 required: true
//             },
//             password: {
//                 required: true,
//             },
//         },

//         // 表示该表单的自定义提示文本
//         messages: {
//             name: '请输入用户名',
//             password: {
//                 required: '请输入密码',
//                 minlength: '密码长度不足 6 位',
//                 maxlength: '密码长度超出 12 位'
//             },
//         },


//         // 表单验证完毕的提交函数
//         // 当你书写了这个函数的时候, 表单验证通过以后, 就不会执行自动提交了
//         // 而是执行这个函数
//     //     submitHandler:  async function () {
//     //         let name = $('[name="name"]').val() //用户名
//     //         let password = $('[name="password"]').val() //密码
//     //         // 发送请求
//     //         const res = await myPromiseAjax('../server/goods_login.php', 'post', {
//     //             userName: name,
//     //             userPwd: password
//     //         }, 'json')
//     //         console.log(res)
//     //     },
//     // })

// })

// / 给 登录按钮 添加点击事件
$('[name="login"]').click(function (e) {
    setLogin()


    // 在 jQuery的事件中 定义 return false 
    // 可以 阻止默认事件的执行 也可以 阻止事件的传播
    return false;
})


// 用户名密码等等输入后，提示信息自动消失
$('[name="name"]').on('input', function () {
    // console.log($(this).val())
    $('.name-error').hide()
    $('[name="result"]').html('')
})

$('[name="password"]').on('input', function () {
    // console.log($(this).val())
    $('.pwd-error').hide()
    $('[name="result"]').html('')
})


// 登录逻辑代码
async function setLogin() {
    let name = $('[name="name"]').val().trim() //用户名
    let password = $('[name="password"]').val().trim() //密码
    // console.log(name)

    // 用户名不能为空
    if (!name) {
        $('.name-error').show()
        $('.name-error').html('请输入用户名')
        return
    }

    // 密码不能为空
    if (!password) {
        $('.pwd-error').show()
        $('.pwd-error').html('请输入密码')
        return
    }

    // 发送请求
    const res = await myPromiseAjax('../server/goods_login.php', 'post', {
        userName: name,
        userPwd: password
    }, 'json')
    console.log(res)

    // 登陆成功
    if (res.result === 1) {
        // 登录成功 跳转效果
        $('[name="result"]').html('<span>登录成功,5秒返回上一个页面，<a href="./index.html">点击跳转首页面</a></span>');

        // 设定cookie
        mySetCookie('login', 1, '/', 7 * 24 * 60 * 60)

        // 把当前用户的 用户名 存储起来
        window.localStorage.setItem('name', name)

        // 设定定时器，提示错误信息
        let num = 5
        let timer = setInterval(function () {
            num--
            $('[name="result"]').html(`<span>登录成功,${num}秒返回上一个页面，<a href="../pages/index.html">点击跳转首页面</a></span>`);
            if (num === 1) {
                clearInterval(timer)

                let myUrl = window.localStorage.getItem('url')
                window.localStorage.removeItem('url')
                console.log(myUrl)

                // 如果是从注册页跳转过来的，直接跳转到首页就可以了
                if (myUrl === 'reg') {
                    // console.log(window.localStorage.getItem('url'))
                    window.location.href = '../pages/index.html'
                }
                else if(myUrl === 'cart'){
                    window.location.href = '../pages/cart.html'
                }
                // 如果url不存在(null)，意思就是直接访问的login页面， 那就跳转到首页吧  
                else if(!myUrl){
                    window.location.href = '../pages/index.html'
                }
                // 其他情况
                else{
                    window.history.back()
                }
            }
        }, 1000)
    } else {
        // 登录失败 写入提示信息
        $('[name="result"]').html('<span style="color:red">账号或密码错误</span>');

    }
}